p {
	line-height: 2.5rem;
}

.img-position {
	text-align: center;
	display: block;
	margin: 10px 0;
}

.img-position img {
	max-width: 800px;
	max-height: 450px;
}
@media screen and (max-width: 600px) {
	.img-position img {
		max-width: 100%;
	}
}

footer {
	width: 100%;
	background-color: #233c5a;
	color: #597494;
	font-weight: 500;
	padding: 10px 0;
}

.lead {
	font-size: 1.5rem;
	padding-left: 10px;
	padding-right: 10px;
}

header {
	background-color: #fcf5d8;
	text-align: center;
	padding: 10px;
}

#header_img {
	background-image:url(./branca1.jpg);
	background-size: cover;
	height: 120px;
	padding: 30px 10px;
}

#header_img h1 {
	display: block;
	padding: 10px;
	background-color: rgba(43,0,0,.45);
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;
	font-size: 40px;
	float: left;
}

button {
	width: 100%;
}

button a{
	color: inherit;
}

button a:hover{
	text-decoration: none;
	color: inherit;
}

#ne i{
	transform: rotate(45deg);
}

#se i{
	transform: rotate(135deg);
}

#so i{
	transform: rotate(225deg);
}

#no i{
	transform: rotate(315deg);
}

.btn-outline-primary{
	color: #233c5a !important;
	border-color: #233c5a !important;
}
.btn-outline-primary:hover{
	background-color: #233c5a !important;
	 color: white !important;
	 border-color: #233c5a !important;
}

.hamburger {
	color: #233c5a;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0.5rem;
	font-size: 3rem;
}

footer a {
	color: inherit;
	text-decoration: inherit;
}

footer a:hover {
	color: inherit;
	text-decoration: none;
}

.credits {
	font-size: 0.8rem;
    color: #597494ab;
}

video {
	width: 100%;
}